<template>
    <view>
        <view> test</view>
        <u-tabbar v-model="current" :list="list" :mid-button="true"></u-tabbar>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                list: [{
                        iconPath: "home",
                        selectedIconPath: "home-fill",
                        text: '首页',
                        count: 2,
                        isDot: true,
                        customIcon: false,
                    },
                    {
                        iconPath: "photo",
                        selectedIconPath: "photo-fill",
                        text: '放映厅',
                        customIcon: false,
                    },
                    {
                        iconPath: "https://cdn.uviewui.com/uview/common/min_button.png",
                        selectedIconPath: "https://cdn.uviewui.com/uview/common/min_button_select.png",
                        text: '发布',
                        midButton: true,
                        customIcon: false,
                    },
                    {
                        iconPath: "play-right",
                        selectedIconPath: "play-right-fill",
                        text: '直播',
                        customIcon: false,
                    },
                    {
                        iconPath: "account",
                        selectedIconPath: "account-fill",
                        text: '我的',
                        count: 23,
                        isDot: false,
                        customIcon: false,
                    },
                ],
                current: 3
            }
        },
        methods: {

        },
        onLoad() {
        	/**
        	 * 示例中为每个tabbar页面都写了一遍tabbar变量，您可以将tabbar数组写入到vuex中，这样可以全局引用
        	 */
        	// this.list = this.vuex_tabBar
        }
    }
</script>

<style>

</style>
